@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url(images/main_bg.gif) top center no-repeat;}
html { padding:0; margin:0;}

#container {}
/* main */
#main { padding:0; margin:0 auto; width:300px; float:left;}

/* panel */
#panel {width:40%;float:right;}

/********** header **********/
#header { clear:both;}

.block_header {margin:0 auto; width:914px; padding:0;}
.top_text { width:914px; margin:0; padding:0; height:51px; background:url(images/simple_header_text_bg.gif) top no-repeat;}
.top_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#676c6d; padding:15px 0 0 30px; margin:0; width:300px; float:left;}
.top_text a {color:#676c6d; text-decoration:underline; padding:0 3px; margin:0;}
/* search2 */
.search2 { padding:0; margin:0 20px 0 0; float:right;}
.search2 p { display:block; float:none; margin:0; padding:0;}
.search2 form { display:block; padding:5px 10px;}
.search2 form .keywords { background:url(images/searh_bg.gif) left top no-repeat; border:0; height:14px; width:203px; padding:5px 3px; margin:2px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#575757;}
.search2 form .button { margin:0; padding:0;}
/* logo */
.logo { float:left; padding:0; margin:25px 40px 0 7px; width:244px;}
/*simple_text*/
.simple_text { width:400px; float:right; margin:50px 0 0 0; padding:10px 0 0 0; font:  13px Arial, Helvetica, sans-serif; color:#666666; line-height:1.8em; }
/* menu */	
.menu { padding:0; margin:0; width:914px; background:url(images/top_menu_bg.gif) top no-repeat; height:43px;}
.menu ul { padding:10px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { width:80px; float:left; margin:0 5px; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:5px 0; color:#000000; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:5px 10px; background:none; margin:0;}
.menu ul li a:hover { font:bold 11px Arial, Helvetica, sans-serif; background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span {font:bold 11px Arial, Helvetica, sans-serif; background:url(images/l_menu.gif) no-repeat left top;}
.menu ul li a.active {font:bold 11px Arial, Helvetica, sans-serif; background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a.active span {font:bold 11px Arial, Helvetica, sans-serif; background:url(images/l_menu.gif) no-repeat left top;}
/* header_text2 */
.header_text2 { height:83px; margin:10px auto; padding:0; width:914px; background: url(images/slider_bg2.gif) top no-repeat;}
.header_text2 h2 { width:300px; float:left; font: normal 34px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 0 0 30px;}
/* header_text */
.header_text { height:232px; margin:10px auto; padding:0; width:914px; background: url(images/slider_bg.gif) top no-repeat;}
.header_text .div .left1 { float:left; width:500px; padding:0; margin:0px 10px 10px 50px !important; margin:0px 10px 10px 25px; }
.header_text .div .left1 h2 {font:normal 34px  Arial, Helvetica, sans-serif; color:#fff;  padding:20px 0 10px 65px; margin:0; background:url(images/h2_bg_slider.gif) left no-repeat;}
.header_text p { font:normal 11px  Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 15px; margin:0 0 0 10px; line-height:1.8em;}
.header_text a { color:#e4ecef; text-decoration:underline; padding:0 40px 0 0;}
/********** block index **********/
.body {padding:0; margin:0;}
.body h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d2dde1; padding:5px 10px; margin:0;}
.body h4 {  font:normal 24px  Tahoma, Geneva, sans-serif; color:#7494a0; border-bottom:1px solid #d8d8d8; padding:5px 10px; margin:0;}
.body h3 { font:normal 19px Arial, Helvetica, sans-serif; color:#414141;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:3px 10px; margin:0;}
.body a { color:#7c9ba8; text-decoration:underline;}
.body p.grey { font: normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em;}
.body span { font: normal 13px Arial, Helvetica, sans-serif; color:#7c9ba8;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979;  padding:10px 0 0 10px; line-height:1.8em;}
.body_resize { width:970px; margin:0 auto; padding:0;}


/* search */
.search { padding:0; margin:0;}
.search p { display:block; float:none; margin:0; padding:0;}
.search form { display:block; padding:5px 10px;}
.search form .keywords { background:url(images/search_bg2.gif) left top no-repeat; border:0; height:14px; width:203px; padding:5px 3px; margin:2px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#575757;}
.search form .button { margin:0; padding:0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #c7c7c7; padding:0; margin:5px 0; background:none;}


/* sign-in */
.sign-in {
width: 320px;
float: right;
overflow:hidden;
}
.signin-box {
margin: 70px 30px 10px 20px;
padding: 20px 25px 15px;
background: whiteSmoke;
border: 1px solid #E5E5E5;
}
.signin-box h2 {
font-size: 16px;
line-height: 17px;
height: 16px;
margin: 0 0 1.2em;
position: relative;
}
.signin-box div {
margin: 0 0 1.5em;
}
.signin-box label {
display: block;
}
.signin-box input[type="text"], .signin-box input[type="password"] {
width: 100%;
height: 32px;
font-size: 15px;
direction: ltr;
color:grey;
}
.signin-box .username-label, .signin-box .passwd-label {
font-weight: bold;
margin: 0 0 .5em;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.signin-box input[type="submit"] {
margin: 0 1.5em 1.2em 0;
height: 32px;
font-size: 13px;
background-color:grey;
}
.button-submit {
border: 1px solid #3079ED;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #4D90FE;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
}
.signin-box a {
color: #15C;
text-decoration: none;
}


/* product info */
.product-info {
margin: 0 600px 0 0;
}



/* the inputbox css */
.inputbox {
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
	margin:60px auto 0;
	padding:20px;
	width:440px;

}

.inputbox label {
	font-weight: bold;
	margin: 0.5em	 0 .2em;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.inputbox input[type=text], .inputbox
input[type=password]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
}
.inputbox input[type=text]:focus, .inputbox
input[type=password]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none;
	
}

.inputbox input[type=submit]
{
	background:#ddd;
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:60px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:lowercase;
}
.inputbox input[type=submit]:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
	text-transform:uppercase;
	

}
.inputbox input[type=submit]:active, .inputbox
input[type=submit]:focus{	
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}



/* the footer css */
#footer {
	clear: both;
}


/* message box */

	
	
/* THE TTP CSS */
#tip {
margin:60px auto 0px;
display: block;
/*float: left;*/
text-align: center;
padding: 15px 10px;
width: 270px;
background-color: #FFA;
margin-top: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 1px 1px 1px #888888;
-moz-box-shadow: 1px 1px 1px #888888;
-webkit-box-shadow: 1px 1px 1px #888888;
text-decoration:none;
}

#mainMenu {
width:200px;
float: right;
margin-top: 20px;
padding-bottom: 1px;
overflow: hidden;
background: #D2D8DE;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: inset 0px 0px 4px #888888;
-moz-box-shadow: inset 0px 0px 4px #888888;
-webkit-box-shadow: inset 0px 0px 4px #888888;
}

#mainMenu a {

display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 10px;
border-bottom: #B2B8BE 1px solid;
font-size: 16px;
}